<template>
  <div>
    <h1>测试页面</h1>
    <input type="file" @change="onFileChange" />
  </div>
</template>

<script>
export default {
  name: "index",
  methods: {
    onFileChange(e) {
      const file = e.target.files[0];
      let { name } = file;
      // name = new String(name);
      // console.log(name);
      const suffix = name.substring(name.lastIndexOf("."), name.length);
      // console.log(suffix);
      // try {
      //   this.ali_oss
      //     .multipartUpload(
      //       `exam/Resources/Course/test${new Date().getTime()}.mp4`,
      //       file,
      //       {
      //         progress: p => {
      //           console.log(p);
      //         }
      //       }
      //     )
      //     .then(res => {
      //       console.log(res);
      //     });
      // } catch (e) {
      //   console.log(e);
      // }
      // this.ali_oss
      //   .put("test" + new Date().getTime() + ".mp4", file, {
      //     //获取进度条的值
      //     progress: p => {
      //       console.log(p);
      //     }
      //   })
      //   .then(res => {
      //     console.log(res);
      //   });
    }
  }
};
</script>

<style scoped></style>
